<template>
    <div>
        <div class="success_icon">
            <van-icon name="passed" />
            <p>提交成功</p>
        </div>
        <div class="information">
            <div class="in_text">
                <span>店铺名称</span>
                <span>{{dataList.shopInformation.chShopName}}</span>
            </div>
        </div>

        <!-- 按钮和查看详情 -->
        <div class="btn_box">
            <router-link to="/ApplicationRecord">
                <van-button color="#ff7157" plain>完成</van-button>
            </router-link>
            
            <router-link to="/ApplicationDetails">
                <p>查看详情</p>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            dataList:"",
        }
    },
    created(){
        this.dataList = this.$store.state.shop.data
        console.log(this.dataList);
    },
}
</script>

<style scoped>
/* 提交成功图标和文字 */
.success_icon{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
}
.van-icon-passed{
    font-size: 100px;
    color:#63b54b;
}
/* 显示信息 */
.information{
    border-bottom: 1px solid #dddbdb;
    border-top: 1px solid #dddbdb;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.in_text{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.in_text :last-child{
    color: #868585;
}
/* 按钮和查看详情 */
.btn_box{
    padding-top: 40px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.van-button{
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
}
.btn_box p{
    margin-top: 20px;
    font-size: 14px;
}
</style>